Page({
  data: {
    selectedServiceName: '未选择服务',
    selectedServiceDesc: '请从上方选择一项服务',
    showSelectedService: false,
    selectedServiceIndex: -1
  },

  // 选择服务
  selectService(e) {
    const { name, desc, index } = e.currentTarget.dataset;
    this.setData({
      selectedServiceName: name,
      selectedServiceDesc: desc,
      showSelectedService: true,
      selectedServiceIndex: index
    });

    // 滚动到预约区域
    wx.createSelectorQuery().select('.selected-service').boundingClientRect(rect => {
      if (rect) {
        wx.pageScrollTo({
          scrollTop: rect.top - 20,
          duration: 300
        });
      }
    }).exec();
  },

  // 预约服务
  bookService() {
    if (this.data.selectedServiceName === '未选择服务') {
      wx.showToast({
        title: '请先选择一项服务',
        icon: 'none'
      });
      return;
    }

    wx.showToast({
      title: `您已预约